<?php 

defined('PHPFOX') or exit('NO DICE!'); 

?>
{literal}
<style>
    #sociallogin_holder_header li{
        display: inline;
    }
</style>
	
<script type="text/javascript">
    function opensopopup(pageURL){
        var w = 800;
        var h = 500;
        var title ="socialconnectwindow";
        var left = (screen.width/2)-(w/2);
        var top = (screen.height/2)-(h/2);
        var newwindow = window.open (pageURL, title, 'toolbar=no,location=no,directories=no,status=no,menubar=no, scrollbars=yes,resizable=yes,copyhistory=no,width='+w+',height='+h+',top='+top+',left='+left);
        if (window.focus) {newwindow.focus();}
            return newwindow;
    }; 
</script>

{/literal}
<!--
<ul id="sociallogin_holder_header">
    <li> 
        <a title="{phrase var='sociallogin.facebook'}" href="javascript: void(opensopopup('{$sAddress}service_facebook/'));"><img alt="{phrase var='sociallogin.facebook'}" src="{$core_path}module/sociallogin/static/image/facebook.jpg"></a> 
    </li>
    <li> 
        <a title="{phrase var='sociallogin.twitter'}" href="javascript: void(opensopopup('{$sAddress}service_twitter/'));"><img alt="{phrase var='sociallogin.twitter'}" src="{$core_path}module/sociallogin/static/image/twitter.jpg"></a> 
    </li>
    <li> 
        <a title="{phrase var='sociallogin.yahoo'}" href="javascript: void(opensopopup('{$sAddress}service_yahoo/'));"><img alt="{phrase var='sociallogin.yahoo'}" src="{$core_path}module/sociallogin/static/image/yahoo.jpg"></a> 
    </li>
    <li> 
        <a title="{phrase var='sociallogin.google'}" href="javascript: void(opensopopup('{$sAddress}service_google/'));"><img alt="{phrase var='sociallogin.google'}" src="{$core_path}module/sociallogin/static/image/google.jpg"></a> 
    </li>
</ul>-->
<ul id="sociallogin_holder_header">
    <li> 
        <a title="{phrase var='sociallogin.facebook'}" href="{$sAddress}service_facebook/"><img alt="{phrase var='sociallogin.facebook'}" src="{$core_path}module/sociallogin/static/image/facebook.jpg"></a> 
    </li>
    <li> 
        <a title="{phrase var='sociallogin.twitter'}" href="{$sAddress}service_twitter/"><img alt="{phrase var='sociallogin.twitter'}" src="{$core_path}module/sociallogin/static/image/twitter.jpg"></a> 
    </li>
    <li> 
        <a title="{phrase var='sociallogin.yahoo'}" href="{$sAddress}service_yahoo/"><img alt="{phrase var='sociallogin.yahoo'}" src="{$core_path}module/sociallogin/static/image/yahoo.jpg"></a> 
    </li>
    <li> 
        <a title="{phrase var='sociallogin.google'}" href="{$sAddress}service_google/"><img alt="{phrase var='sociallogin.google'}" src="{$core_path}module/sociallogin/static/image/google.jpg"></a> 
    </li>
</ul>
<div class="separate"></div>

<form id="js_login_form" action="{url link='user.login'}" method="post">

	<div class="table" style="margin-left: 115px;">
		<input type="text" name="val[login]" onfocus="if (this.value == 'Email') this.value = '';this.style.color='#333333'"  id="login" value="Email" onblur="if (this.value == '') this.value = 'Email';if (this.value == 'Email')this.style.color='#C1C1C1';" style="color:#C1C1C1" size="30" />
	</div>
			
	<div class="table" style="margin-left: 115px;">
		<input type="password" name="val[password]" id="password" value="Password" size="30" onfocus="if (this.value == 'Password') this.value = '';this.style.color='#333333'" onblur="if (this.value == '') this.value = 'Password';if (this.value == 'Password')this.style.color='#C1C1C1';" style="color:#C1C1C1"/>
	</div>
	
	<div class="table_clear" style="margin-left: 115px;">
		<input type="submit" value="{phrase var='user.login_button'}" class="button-login" />
		<span style="padding-left: 35px;">
			<a href="#" onclick="forget();">{phrase var='user.forgot_your_password'}</a>
		</span>
	</div>
</form>

<form id="forgetpass" method="post" action="{url link='user.password.request'}" style="display:none;">
        <div class="table">
                <div class="table_left">
                        <label for="email">{phrase var='user.email'}</label>:
                </div>
                <div class="table_right">
                        <input type="text" name="email" id="email" value="" size="40" />
                </div>
                <div class="clear"></div>
        </div>
        {if Phpfox::isModule('captcha')}{module name='captcha.form' sType='lostpassword'}{/if}
        <div class="table_clear">
                <input type="submit" value="{phrase var='user.request_new_password'}" class="button" />
                <span style="padding-left: 35px;">
                    <a href="#" onclick="loginbox(); ">{phrase var='sociallogin.back_to_login'}</a>
                </span>
        </div>	
</form>
{literal}
<script type="text/javascript">
    function loginbox(){
        $("#forgetpass").hide();
        $("#js_login_form").show();
        $(".js_box_title").html("{/literal}{phrase var='sociallogin.login'}{literal}");
    }
    function forget(){
        $("#forgetpass").show();
        $("#js_login_form").hide();
        $(".js_box_title").html("{/literal}{phrase var='sociallogin.forget_password'}{literal}");
    }
</script>
{/literal}


